// BASE
// ---------------------------------------------------
@baseFontFamily: "\5FAE\8F6F\96C5\9ED1",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53";
@baseFontSize: 12px;
@baseLineHeight: 1.5em;

@bodyBackground: @white;
@bodyTextColor: @grayDark;

@headFontFamily: inherit; // empty to use BS default, @baseFontFamily
@headFontWeight: 600; // instead of browser default, bold
@headTextColor: inherit; // empty to use BS default, @bodyTextColor

// text color
@textColor: @bodyTextColor;
@textPrimaryColor: #006dbc;
@textInverseColor: #444;
@textSuccessColor: #468847;
@textInfoColor: #3a87ad;
@textWarnColor: #c09853;
@textErrorColor: #b94a48;

// background color
@bgColor: #fff;
@bgPrimaryColor: #e5f4ff;
@bgInverseColor: #f3f3f3;
@bgSuccessColor: #dff0d8;
@bgInfoColor: #d9edf7;
@bgWarnColor: #fcf8e3;
@bgErrorColor: #f2dede;

// border color
@borderColor: #ddd;
@borderPrimaryColor: @textPrimaryColor;
@borderInverseColor: #eee;
@borderSuccessColor: @textSuccessColor;
@borderInfoColor: @textInfoColor;
@borderWarnColor: @textWarnColor;
@borderErrorColor: @textErrorColor;

// grays color
@black: #000;
@grayDarker: #222;
@grayDark: #333;
@gray: #666;
@grayLight: #999;
@grayLighter: #eee;
@white: #fff;

// component common setting
@componentPadding: 4px;

// UNIT
// ---------------------------------------------------
// link
@linkColor: #00c;
@linkPrimaryColor: #c00;
@linkInverseColor: @bodyTextColor;

// table
@tableBackgroundStriped: #f9f9f9; // for striped
@tableBackgroundHover: #f5f5f5; // for hover
@tablePadding: 8px; // table cell padding
@tableCaptionFontSize: 1.1em; // table Caption Font Size

// button
@btnTextColor: @grayDark;
@btnLightTextColor: @white;

@btnBgColor: #ededed;
@btnBgPrimaryColor: @textPrimaryColor;
@btnBgInverseColor: @textInverseColor;
@btnBgSuccessColor: @textSuccessColor;
@btnBgInfoColor: @textInfoColor;
@btnBgWarnColor: @textWarnColor;
@btnBgErrorColor: @textErrorColor;

@btnHoverDark: 6%;
@btnActiveDark: 10%;
@btnBorderDark: 12%;

// form
@baseFormSpace: .6em; // =small normal=2x large=3x
@formBorderColor: #ccc;
@formFocusBorderColor: #e59700;

// icon font
@icon-font-path: "../fonts/";
@icon-font-name: "li";

// LAYOUT
// ---------------------------------------------------
@largeGutterWidth: 30px;
@gutterWidth: 20px;
@smallGutterWidth: 10px;

// GRID
@gridColumns: 12;

// Default 1020(1000) grid
@gridColumnWidth: 65px;
@gridGutterWidth: @gutterWidth;
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
@gridRowFullWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * @gridColumns);

// 1200(1180) grid
@gridColumnWidth1200: 80px;
@gridGutterWidth1200: @gutterWidth;
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
@gridRowFullWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * @gridColumns);

// Fluid grid
@fluidGridGutterWidth:  2%;
@fluidGridColumnWidth:  percentage(76/1200); // 1200 = 12 * 100
//@fluidGridColumnWidthIE67:  percentage(75/1200);

// has none gutter fluid grid
@fluidGridGutterWidthStingy  :  0;
@fluidGridColumnWidthStingy:  percentage(100/1200); // 1200 = 12 * 100

// UI
// ---------------------------------------------------
// breadcrumb
@breadcrumbFontSize: @baseFontSize;
@breadcrumbColor: #666;

// Progress bars
@progressBg: #f5f5f5;
@progressBarColor: @white;
@progressBarBg: @textPrimaryColor;
@progressBarSuccessBg: @textSuccessColor;
@progressBarInfoBg: @textInfoColor;
@progressBarWarnBg: @textWarnColor;
@progressBarErrorBg: @textErrorColor;

// Callout
@calloutPadding: 15px 20px 15px 15px;
@calloutBg: lighten(@bgInfoColor, 6%);
@calloutSucessBg: lighten(@bgSuccessColor, 6%);
@calloutInfoBg: lighten(@bgInfoColor, 6%);
@calloutWarnBg: lighten(@bgWarnColor, 3%);
@calloutErrorBg: lighten(@bgErrorColor, 7%);

// Notify
@notifyPadding: @componentPadding * 2;

@notifySuccessBg:     @bgSuccessColor;
@notifySuccessText:   @textSuccessColor;

@notifyInfoBg:        @bgInfoColor;
@notifyInfoText:      @textInfoColor;

@notifyWarnBg:     @bgWarnColor;
@notifyWarnText:   @textWarnColor;

@notifyErrorBg:      @bgErrorColor;
@notifyErrorText:    @textErrorColor;

// Listview
@listviewPadding: 10px 15px;
@listviewTitleSize: 1.3em;